/*color颜色相关*/

/*c1-9 主题色*/
/*c11-19 文本（黑）*/


/*c1-9 变量定义不能有数字1-9改成abcdefg*/
body{
  --c-a:#4980b5;/*c1*/
  --c-b:#f16854;/*c2*/
  --c-c:#ead058;/*c3*/

  --c-aa:#727270;/*c11*/
  --c-ab:#c3cad2;/*c12*/
  --c-ac:#eeeff3;/*c13*/
}
a{
  color: #4980b5;
}

/*****************************start**************************/
.white{color: #FFF;}
.black{color: #111;}
.red{color: #CC2222;}
.c0{color: #111;}
.cf{color: #EFEFEF;}
.bc0{background-color: #000000;}
.bcf{background-color: #FFFFFF;}

.c1{color: #4980b5;}/*用户界面插画，文字加深*/
.c2{color: #f16854;}/*顶部导航*/
.c3{color: #ead058;}/*用户界面插画，普通文字*/

.c11{color: #191919;}
.c12{color: #9f9f9f;}
.c13{color:#f5f5f5;}

.bc1{ background-color: #4980b5;}
.bc2{ background-color: #f16854;}
.bc3{ background-color:#ead058;}

.bc11{ background-color: #191919;}
.bc12{ background-color: #9f9f9f;}
.bc13{ background-color:#f5f5f5;}

.bca001{background-color: rgba(0,0,0,0.01);}
.bca002{background-color: rgba(0,0,0,0.02);}
.bca003{background-color: rgba(0,0,0,0.03);}
.bca004{background-color: rgba(0,0,0,0.04);}
.bca005{background-color: rgba(0,0,0,0.05);}
.bca006{background-color: rgba(0,0,0,0.06);}
.bca007{background-color: rgba(0,0,0,0.07);}
.bca008{background-color: rgba(0,0,0,0.08);}
.bca009{background-color: rgba(0,0,0,0.09);}
.bca01{background-color: rgba(0,0,0,0.1);}
.bca02{background-color: rgba(0,0,0,0.2);}
.bca03{background-color: rgba(0,0,0,0.3);}
.bca04{background-color: rgba(0,0,0,0.4);}
.bca05{background-color: rgba(0,0,0,0.5);}
.bca06{background-color: rgba(0,0,0,0.6);}
.bca07{background-color: rgba(0,0,0,0.7);}
.bca08{background-color: rgba(0,0,0,0.8);}
.bca09{background-color: rgba(0,0,0,0.9);}

.bcaf1{background-color: rgba(255,255,255,0.1);}
.bcaf2{background-color: rgba(255,255,255,0.2);}
.bcaf3{background-color: rgba(255,255,255,0.3);}
.bcaf4{background-color: rgba(255,255,255,0.4);}
.bcaf5{background-color: rgba(255,255,255,0.5);}
.bcaf6{background-color: rgba(255,255,255,0.6);}
.bcaf7{background-color: rgba(255,255,255,0.7);}
.bcaf8{background-color: rgba(255,255,255,0.8);}
.bcaf9{background-color: rgba(255,255,255,0.9);}

.bdc1{border-color: #4980b5!important;}
.bdc2{border-color: #f16854!important;}
.bdc3{border-color: #ead058!important;}
.bdc11{border-color: #191919!important;}
.bdc12{border-color: #9f9f9f!important;}
.bdc13{border-color: #f5f5f5!important;}
/*****************************end**************************/


.c01{color:#66c488}
.c02{color:#ff7947}
.c03{color:#f3c142}
.c04{color:#638be8}
.c05{color:#67c2cd}
.c06{color:#93d282}
.c07{color:#eb6d7e}

.bc01{background-color:#66c488}
.bc02{background-color:#ff7947}
.bc03{background-color:#f3c142}
.bc04{background-color:#638be8}
.bc05{background-color:#67c2cd}
.bc06{background-color:#93d282}
.bc07{background-color:#eb6d7e}

.bdc01{border-color:#66c488!important}
.bdc02{border-color:#ff7947!important}
.bdc03{border-color:#f3c142!important}
.bdc04{border-color:#638be8!important}
.bdc05{border-color:#67c2cd!important}
.bdc06{border-color:#93d282!important}
.bdc07{border-color:#eb6d7e!important}



::-webkit-input-placeholder{
  color:#191919;
  font-size: 0.85rem;
}

.jb01{
  background-image: linear-gradient(160deg, #ffce00 20%,#ff8b00 80%);
}
.jb02{
  background-image: linear-gradient(160deg, #81fbb8 20%,#28c76f 80%);
}
.jb03{
  background-image: linear-gradient(160deg, #90f7ec 20%,#32ccbc 80%);
}
.jb04{
  background-image: linear-gradient(160deg, #3c8ce7 20%,#00eaff 80%);
}
.jb05{
  background-image: linear-gradient(160deg, #feb692 20%,#ea5455 80%);
}
.jb06{
  background-image: linear-gradient(160deg, #abdcff 20%,#0396ff 80%);
}
.jb06{
  background-image: linear-gradient(160deg, #fdeb71 20%,#f8d800 80%);
}
